<div *ngIf="user">
  <h2>{{preffix||'The user'}}:{{user.name}} details</h2>
  <div>
    <span>id: </span>{{user.id}}
  </div>
  <div>
    <label>name:
      <input [(ngModel)]="user.name" placeholder="name" [ngStyle]="style">
    </label>
  </div>
  <div>record:
      <label>
          <input [(ngModel)]="user.record" type="checkbox">record
      </label>
  </div>
  <form #editform="ngForm" (ngSubmit)="submitForm(editform)">
      <div class="form-group">
          <label for="name">Name
            <input class="form-control" name="name" required [(ngModel)]="user.name">
          </label>
        </div>
    <button type="submit" [disabled]="!editform.form.valid">Submit</button>
  </form>
</div>
